<template>
  <div class="mobile-footer" :class="{'margin-global' : store?.isPc === 2 && route?.meta?.navigationBar}">
    <div class="footer-logo">
      <img src="@/assets/image/mobile/logo2.png" alt="logo" />
    </div>
    <p class="mt-16">Copyright © 2024. 柳暗星河科技有限公司版权所有</p>
    <p @click="handleOpenICPlink">蜀ICP备2024075814号-2</p>
    <p>售前电话：028-65221233</p>
  </div>
</template>

<script setup>
import { useStore } from "@/store/index";
const route = useRoute();
const store = useStore();
const handleOpenICPlink = () => {
  window.open("https://beian.miit.gov.cn/");
};
</script>

<style lang="scss" scoped>
.mobile-footer {
  background: #1a1a1a;
  width: 100%;
  height: 8.25rem; // 132px / 16
  padding: 1rem; // 16px / 16
  box-sizing: border-box;
  font-weight: 400;
  font-size: 0.75rem; // 12px / 16
  color: #e6e6e6;
  .footer-logo {
    width: 5.125rem; // 82px / 16
    height: 1.0625rem; // 17px / 16
    img {
      width: 5.125rem; // 82px / 16
      height: 1.0625rem; // 17px / 16
    }
  }
  & > p {
    & + p {
      margin-top: 0.5rem; // 8px / 16
    }
  }
}
.margin-global {
  margin-bottom: 60px;
}

</style>
